<footer id="footer">
    <div class="container">
		<div id="last">
		<h3>Остались вопросы?
            </h3>
			<a id="gointro1" class="gointro1">
			<div id="sv">				
					Свяжитесь с нами				
			</div>
			</a>
           <!-- <form id="last_form" method="post" action="">
                <div id="lastfields">
                    <input id="s_email" type="email" value name="email" placeholder="введите ваш адрес электронной почты">
                    <input type="submit" value="подписаться">
                </div>
            </form>
            <div class="massage"></div>-->
			
        </div>
       
        <div class="row">
            <div id="copyright">
                <p>Копирайт 2014 ITRAINER. Все права защищены</p>
            </div>
        </div>
    </div> </div>
</footer>
<div id="vverh">
<i class="fa fa-chevron-up"></i>
</div>
</body>

<script type="text/javascript" src="<?php echo HOST.TEMPLATE?>js/Zform.js"></script>
<script type="text/javascript" src="<?php echo HOST.TEMPLATE?>js/jquery.disablescroll.min.js"></script>


<script type="text/javascript">
    /*$.fn.isOnScreen = function(x, y){

        if(x == null || typeof x == 'undefined') x = 1;
        if(y == null || typeof y == 'undefined') y = 1;

        var win = $(window);

        var viewport = {
            top : win.scrollTop(),
            left : win.scrollLeft()
        };
        viewport.right = viewport.left + win.width();
        viewport.bottom = viewport.top + win.height();

        var height = this.outerHeight();
        var width = this.outerWidth();

        if(!width || !height){
            return false;
        }

        var bounds = this.offset();
        bounds.right = bounds.left + width;
        bounds.bottom = bounds.top + height;

        var visible = (!(viewport.right < bounds.left || viewport.left > bounds.right || viewport.bottom < bounds.top || viewport.top > bounds.bottom));

        if(!visible){
            return false;
        }

        var deltas = {
            top : Math.min( 1, ( bounds.bottom - viewport.top ) / height),
            bottom : Math.min(1, ( viewport.bottom - bounds.top ) / height),
            left : Math.min(1, ( bounds.right - viewport.left ) / width),
            right : Math.min(1, ( viewport.right - bounds.left ) / width)
        };

        return (deltas.left * deltas.right) >= x && (deltas.top * deltas.bottom) >= y;

    };*/

   $(document).ready(function(){
	  /* function  getPageSize(){
           var xScroll, yScroll;

           if (window.innerHeight && window.scrollMaxY) {
                   xScroll = document.body.scrollWidth;
                   yScroll = window.innerHeight + window.scrollMaxY;
           } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
                   xScroll = document.body.scrollWidth;
                   yScroll = document.body.scrollHeight;
           } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ // Explorer 6 strict mode
                   xScroll = document.documentElement.scrollWidth;
                   yScroll = document.documentElement.scrollHeight;
           } else { // Explorer Mac...would also work in Mozilla and Safari
                   xScroll = document.body.offsetWidth;
                   yScroll = document.body.offsetHeight;
           }

           var windowWidth, windowHeight;
           if (self.innerHeight) { // all except Explorer
                   windowWidth = self.innerWidth;
                   windowHeight = self.innerHeight;
           } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
                   windowWidth = document.documentElement.clientWidth;
                   windowHeight = document.documentElement.clientHeight;
           } else if (document.body) { // other Explorers
                   windowWidth = document.body.clientWidth;
                   windowHeight = document.body.clientHeight;
           }

           // for small pages with total height less then height of the viewport
           if(yScroll < windowHeight){
                   pageHeight = windowHeight;
           } else {
                   pageHeight = yScroll;
           }

           // for small pages with total width less then width of the viewport
           if(xScroll < windowWidth){
                   pageWidth = windowWidth;
           } else {
                   pageWidth = xScroll;
           }

           return [pageWidth,pageHeight,windowWidth,windowHeight];
    }
	   
getPageSize();	*/  
// media query event handler
/*if (matchMedia){
    var mq = window.matchMedia("(min-width: 768px)");
    mq.addListener(WidthChange);	
	WidthChange(mq);		
}
// media query change
function WidthChange(mq) {

    if (mq.matches) {
        // window width is less than 500px				 
		 $('.gointro1').click(function(){
            var url=$('#intro');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
         });
    }
    else {// window width is at least 500px
		var headerHeight = $('#verh').height();
		 $('.gointro1').click(function(){
            var url=$('.frm_zayavka');
            $('html,body').animate({
                scrollTop: url.offset().top-headerHeight
            },1000);
         });
        
    }

}*/
        /* $('#gointro').click(function(){
            var url=$('#intro');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
         });*/
		 		 
		 $('#vverh').click(function(){
            var url=$('#intro');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
         });
		 $('.more').click(function(){
            var url=$('#block7');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
         });
        $('.gointro1').click(function(){
            var url=$('.frm_zayavka');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });
		$('.gointro2').click(function(){
            var url=$('#block5');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });
       /* $('#goblock5').click(function(){
            var url=$('#block5');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });
        $('#goblock7').click(function(){
            var url=$('#block7');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });
        $('#goblock8').click(function(){
            var url=$('#block8');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });
        $('#goblock9').click(function(){
            var url=$('#block9');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });
        $('#goblock10').click(function(){
            var url=$('#block10');
            $('html,body').animate({
                scrollTop: url.offset().top
            },1000);
        });

        /*$(document).scroll(function(){
            console.log($("#block5").isOnScreen(0.5, 0.5));
        });*/
    });
</script>
<script>
    /*$(function() {
        $('.chart').easyPieChart({
            easing: 'easeOutBounce',
            onStep: function(from, to, percent) {
                $(this.el).find('.percent').text(Math.round(percent));
            }
        });
      /*  var chart = window.chart = $('.chart').data('easyPieChart');
        $('.js_update').on('click', function() {
            chart.update(Math.random()*200-100);
        });
    });*/
    /*$(document).ready(function() {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 1500) {
                $(function () {
                    $('.chart').easyPieChart({
                        easing: 'easeOutBounce',
                        onStep: function (from, to, percent) {
                            $(this.el).find('.percent').text(Math.round(percent));
                        }
                    });
                });
            }
        });
    });*/
    $('.block3_2').one('webkitAnimationStart mozAnimationStart MSAnimationStart oanimationstart animationstart', function() {
        $('.chart').easyPieChart({
            easing: 'easeOutBounce',
            onStep: function(from, to, percent) {
                $(this.el).find('.percent').text(Math.round(percent));
            }
        }); }
        );
</script>
<script>
    $(document).ready(function() {
        var menu = $("#verh");
        $(window).scroll(function () {
            if ($(this).scrollTop() > 200 && menu.hasClass("default")) {
                    menu.addClass("fixed");
            } else if ($(this).scrollTop() <= 200 && menu.hasClass("fixed")) {
               menu.removeClass("fixed");
            }
            else if ($(this).scrollTop() > 200 && menu.hasClass("fixed")) {
            }
        });
    });
</script>
<script>
    $(document).ready(function() {		
        $(window).scroll(function () {
            if ($(this).scrollTop() > 400) {                   
						$('#vverh').fadeIn('slow');					
            } else if ($(this).scrollTop() <= 400) {               
						$('#vverh').fadeOut('slow');
			}
        });
    });
</script>
<script>
    var numAnim = new countUp("about5_1", 0, 3, 0, 2);
    var numAnim1 = new countUp("about5_2", 0, 10, 0, 2);
    var numAnim2 = new countUp("about5_3", 0, 50, 0, 2);
    var numAnim3 = new countUp("about5_4", 0, 8, 0, 2);
    $('.number').one('webkitAnimationStart mozAnimationStart MSAnimationStart oanimationstart animationstart', function(){
        numAnim.start();
        numAnim1.start();
        numAnim2.start();
        numAnim3.start();
    });
</script>
<!--
<script type="text/javascript">
$(document).ready(function(){
    $(window).scroll(function () {
        if ($(this).scrollTop() > 400) {
            $('#gointro').removeClass("hove");
        }else if ($(this).scrollTop() < 400){
            $('#gointro').addClass("hove");
        }
        if ($(this).scrollTop() > 405) {
            $('#goblock1').addClass("hove");
        } else if($(this).scrollTop() < 405){
            $('#goblock1').removeClass("hove");
        }if($(this).scrollTop() > 3350){
            $('#goblock1').removeClass("hove");
        }
        if ($(this).scrollTop() > 3355) {
            $('#goblock5').addClass("hove");
        } else if($(this).scrollTop() < 3355){
            $('#goblock5').removeClass("hove");
        }if($(this).scrollTop() > 4745){
            $('#goblock5').removeClass("hove");
        }
        if ($(this).scrollTop() > 4750) {
            $('#goblock7').addClass("hove");
        } else if($(this).scrollTop() < 4750){
            $('#goblock7').removeClass("hove")
        }if($(this).scrollTop() > 5250){
            $('#goblock7').removeClass("hove")
        }
        if ($(this).scrollTop() > 5255) {
            $('#goblock8').addClass("hove");
        } else if($(this).scrollTop() < 5355){
            $('#goblock8').removeClass("hove")
        }if($(this).scrollTop() > 5650){
            $('#goblock8').removeClass("hove")
        }
        if ($(this).scrollTop() > 6455) {
            $('#goblock9').addClass("hove");
        } else if($(this).scrollTop() < 6455){
            $('#goblock9').removeClass("hove")
        }if($(this).scrollTop() > 7050){
            $('#goblock9').removeClass("hove")
        }
        if ($(this).scrollTop() > 5655) {
            $('#goblock10').addClass("hove");
        } else if($(this).scrollTop() < 5655){
            $('#goblock10').removeClass("hove")
        }
    });
});
</script>-->
<script>
/* http://babooshkin-soondook.ru/razdely/javascript/poleznyy-kod/skrolling-stranicy */
$(document).ready(function(){
  
  // прокрутка при клике по пункту меню 
  $("a.list").click(function(e) {
    e.preventDefault();
    // вычисляем смещение от начала документа до нужного раздела
    var offsetTop = $("#"+$(this).data("target")).offset().top;
    // производим прокрутку
    $('html, body').animate({scrollTop: offsetTop}, 1000);
  });
  // обработка скроллинга (изменение активного элемента меню)
  $(document).scroll(function(){
    var offsets = [];
    $('a.list').each(function(index, element){
      // собираем в массиве offsets смещения разделов относительно начала документа
      offsets.push($("#" + $(element).data('target')).offset().top);
    });
    // дополняем массив еще одним елементом- высота всего документа
    offsets.push($(document).height());
    // изменяем активный пункт как только область зашла за полэкрана: $(window).height() / 3 так как наши работы и команда слишком близко, я изменил на треть экрана
    var docScroll = $(document).scrollTop() + $(window).height() / 3;
    for (var i = 0; i < offsets.length - 1; i++) {
      if (docScroll >= offsets[i] && docScroll < offsets[i+1]) {
        $('.hove').removeClass('hove');
        $('a.list').eq(i).addClass('hove');		
        break;
      };
    };
  });
})
</script>
<script>
/*$(document).ready(function(){
	$("#tab2").hide();
$(".tab2").click(function () {
	$("#tab1").hide();
	$("#tab2").show();
	$("#more1,#more2").addClass("bounceIn wow animated");
	$("#more").removeClass("bounceIn wow animated");
	
	if ($("#tabshow1").hasClass("active")){
		$("#tabshow1").removeClass("active");
		$("#tabshow2").addClass("active");
	}
});
$(".tab1").click(function () {
	$("#tab2").hide();
	$("#tab1").show();
	$("#more").addClass("bounceIn wow animated");
	$("#more1,#more2").removeClass("bounceIn wow animated");
	if ($("#tabshow2").hasClass("active")){
		$("#tabshow2").removeClass("active");
		$("#tabshow1").addClass("active");
	}
});
});*/
</script>
<script>
$(document).ready(function(){
/*	
$(".showlist1").click(function () {
	switch ($(".showlist1").attr("data-toggle")){
		case "true": 	$(".about2_2_1").hide(), $('.showlist1').attr("data-toggle",false);
		break;
		case "false":	$(".about2_2_1").show(), $('.showlist1').attr("data-toggle",true),
						$(".about2_2_3").hide(), $('.showlist2').attr("data-toggle",false),
						$(".about2_2_4").hide(), $('.showlist3').attr("data-toggle",false);
		break;
	}
});
$(".showlist2").click(function () {
	switch ($(".showlist2").attr("data-toggle")){
		case "true": 	$(".about2_2_3").hide(), $('.showlist2').attr("data-toggle",false),						
						$(".about2_2_4").hide(), $('.showlist3').attr("data-toggle",false),
						$(".about2_2_1").show(), $('.showlist1').attr("data-toggle",true);
		break;
		case "false":	$(".about2_2_3").show(), $('.showlist2').attr("data-toggle",true),
						$(".about2_2_1").hide(), $('.showlist1').attr("data-toggle",false),
						$(".about2_2_4").hide(), $('.showlist3').attr("data-toggle",false);
		break;
	}
});
$(".showlist3").click(function () {
	switch ($(".showlist3").attr("data-toggle")){
		case "true": 	$(".about2_2_4").hide(), $('.showlist3').attr("data-toggle",false),
						$(".about2_2_3").show(), $('.showlist2').attr("data-toggle",true);
		break;
		case "false":	$(".about2_2_4").show(), $('.showlist3').attr("data-toggle",true),
						$(".about2_2_1").hide(), $('.showlist1').attr("data-toggle",false),
						$(".about2_2_3").hide(), $('.showlist2').attr("data-toggle",false);
		break;
	}
});
/*$(".showlist1").click(function () {
    if ($(this).attr("data-toggle")=="true"){
        $(".about2_2_1").slideUp('slow'); $(this).attr("data-toggle",false);
    }
	else if ($(this).attr("data-toggle")=="false"){
		$(".about2_2_1").slideDown('slow'); $(this).attr("data-toggle",true);
		$(".about2_2_3").slideUp('slow'); $('.showlist2').attr("data-toggle",false);
		$(".about2_2_4").slideUp('slow'); $('.showlist3').attr("data-toggle",false);
	}
});*/
$(".showlist2").click(function () {
	if ($(this).attr("data-toggle")=="true"){
		$(".about2_2_3").slideUp('slow'); $(this).attr("data-toggle",false);
	}
	else if ($(this).attr("data-toggle")=="false"){
		$(".about2_2_3").slideDown('slow'); $(this).attr("data-toggle",true);
		$(".about2_2_1").slideUp('slow'); $('.showlist1').attr("data-toggle",false);
		$(".about2_2_4").slideUp('slow'); $('.showlist3').attr("data-toggle",false);
	}
});
$(".showlist3").click(function () {
	if ($(this).attr("data-toggle")=="true"){
		$(".about2_2_4").slideUp('slow'); $(this).attr("data-toggle",false);
		$(".about2_2_1").slideUp('slow'); $('.showlist1').attr("data-toggle",false);
	}
	else if ($(this).attr("data-toggle")=="false"){
		$(".about2_2_4").slideDown('slow'); $(this).attr("data-toggle",true);
		$(".about2_2_3").slideUp('slow'); $('.showlist2').attr("data-toggle",false);
		$(".about2_2_1").slideUp('slow'); $('.showlist1').attr("data-toggle",false);
	}
});
});
</script>
<script>
$(document).ready(function(){
	$("#mob_menu").on("click",function(){
		$(".spisok").slideToggle();
		if ($("#mob_menu").css("display")=="block"){
			$(".list").click(function(){
				$(".spisok").hide();
			});
		};		
	});
});
</script>
<script>
/*$(document).ready(function(){

	$(".b-carousel-button-right").click(function(){ // при клике на правую кнопку запускаем следующую функцию:
		$(".h-carousel-items").animate({left: "-222px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд.
		setTimeout(function () { // устанавливаем задержку времени перед выполнением следующих функций. Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации.
			$(".h-carousel-items .b-carousel-block").eq(0).clone().appendTo(".h-carousel-items"); // выбираем первый элемент, создаём его копию и помещаем в конец карусели
			$(".h-carousel-items .b-carousel-block").eq(0).remove(); // удаляем первый элемент карусели		
			$(".h-carousel-items").css({"left":"0px"}); // возвращаем исходное смещение набора набора элементов карусели
		}, 300);
	});
	
	$(".b-carousel-button-left").click(function(){ // при клике на левую кнопку выполняем следующую функцию:		
		$(".h-carousel-items .b-carousel-block").eq(-1).clone().prependTo(".h-carousel-items"); // выбираем последний элемент набора, создаём его копию и помещаем в начало набора	
		$(".h-carousel-items").css({"left":"-222px"}); // устанавливаем смещение набора -222px		
		$(".h-carousel-items").animate({left: "0px"}, 200); // за 200 милисекунд набор элементов плавно переместится в исходную нулевую точку
		$(".h-carousel-items .b-carousel-block").eq(-1).remove(); // выбираем последний элемент карусели и удаляем его
	});
	
});*/
//http://colorscheme.ru/color-converter.html
$(document).ready(function(){	
	var countLi = $('.ul .element_gallery').size();        
	var accessAction = 1;
	var spisok = $(".ul");
	var width = $(".element_gallery").outerWidth();
	var halfwidth = width/2;
	var halfwidth = halfwidth+"px";
	var width = "-"+width+"px";
	var i = -1;	 //alert(countLi/2);
	countLi= countLi-5	
		$(".next").click(function(){			
			if (accessAction) {
				accessAction = 0;
				if (i<countLi){
				spisok.animate({left:width},200);
				setTimeout(function () {
					spisok+$(".element_gallery").eq(++i).hide();
					spisok.css({"left":"0"});	
							
				}, 300);
					//if ($(".ul .element_gallery").eq(4).css("display")=="none"){
						//$("#button2").addClass("button_disabled");
						//$("#button1").removeClass("button_disabled");		
				//}
				}
				else if (i>countLi-1) {
					spisok.animate({left:"-"+halfwidth},200);
					setTimeout(function () {
					spisok.animate({left:0},200);
					},300);
				}
				setTimeout(function () {
					accessAction = 1;
				},300)
			}		
		});
		$(".prev").click(function(){
			if (accessAction) {
				accessAction = 0;
				if (i>-1){
				spisok.css({"left":width}).animate({left:0},200);					
				spisok+$(".element_gallery").eq(i--).show();							
						//if ($(".ul .element_gallery").eq(0).css("display")=="block"){
						//	$("#button2").removeClass("button_disabled");
						//	$("#button1").addClass("button_disabled");		
						//}
				}
				else if (i<=-1) {
					spisok.animate({left:halfwidth},200);
					setTimeout(function () {
					spisok.animate({left:0},200);
					},300);
				}
				setTimeout(function () {
					accessAction = 1;
				},300)			
			}		
		});
		
		//https://github.com/ultrapasty/jquery-disablescroll
	var divKarusel = $(".element_gallery");
	var imgContent = $(".img_content");
	var imgBox = $(".img_box");
	var $window = $("html, body");
	divKarusel.click(function(){		
		$window.disablescroll();
		var imgLink = $(this).find("img").attr("src");
		var imgH5 = $(this).find("h5").text();
		var imgH6 = $(this).find("h6").text();		
		imgContent.fadeIn();
		$(".imgLink").attr("src",imgLink);
		$(".imgH5").text(imgH5);
		$(".imgH6").text(imgH6);
		imgBox.fadeIn("slow");	
			/*$(".imgBoxRight").hover(function(){
				$(this).find(".faBoxRight").show();
			},function(){
				$(this).find(".faBoxRight").hide();
			});
			$(".imgBoxLeft").hover(function(){
				$(this).find(".faBoxLeft").show();
			},function(){
				$(this).find(".faBoxLeft").hide();
			});*/
	});		
	imgContent.click(function(){
		$window.disablescroll("undo");
		imgBox.hide();
		$(this).hide();		
	});
	var imgBoxExit = $(".imgBoxExit .fa");
	imgBoxExit.click(function(){
		$window.disablescroll("undo");
		imgBox.hide();
		imgContent.hide();		
	});		
});

</script>

</html>